data

基本语法

数据绑定最常见的形式就是使用“Mustache(胡子)”语法 (双大括号) 的文本插值

{{ message}}

Mustache 标签将会被替代为对应数据对象上message属性的值。无论何时,绑定的数据对象上message属性发生了改变,插值处的内容都会更新




    
    
    
    


{{ message }}

通过chrome浏览器的快捷键ctrl+shift+i或者F12来展示调试工具

我们也可以通过改变Vue的分隔符来修改Mustache 标签

v-bind绑定元素属性




    
    
    
    


{{ message }}
鼠标悬停几秒钟查看此处动态绑定的提示信息!
戳我有惊喜

v-bind: 简写 :

文档